<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>综合案例-建议ATM取款机</title>
</head>
<body>
<h3>简易ATM取款机案例</h3>
<p>
    需求：用户可以选择存钱、取钱、查看余额和退出功能
</p>
<p>
    分析： <br>
    ①：循环的时候，需要反复提示输入框，所以提示框写到循环里面 <br>
    ②：退出的条件是用户输入了 4，如果是4，则结束循环，不在弹窗 <br>
    ③：提前准备一个金额预先存储一个数额 <br>
    ④：取钱则是减法操作， 存钱则是加法操作，查看余额则是直接显示金额 <br>
    ⑤：输入不同的值，可以使用switch来执行不同的操作
</p>
</body>

<script>
    // 1. 开始循环 输入框写到 循环里面
    // 3. 准备一个总的金额
    let 存款 = 100
    // 条件是 true, 会一直循环下去
    while (true) {
        // 前面有 + 号, 是要转换成 数字类型
        // 这里的引号是 反引号 ,可以换行
        let 操作指令 = +prompt(`
        请您选择操作：
        1.存钱
        2.取钱
        3.查看余额
        4.退出
        `)
        // 2. 如果用户输入的 4 则退出循环， break  写到if 里面，没有写到switch里面， 因为4需要break退出循环
        // 如果用case 4只会跳出switch循环，外面的while循环还会继续的
        if (操作指令 === 4) {
            break // 退出循环, 这里结束退出程序
        }
        // 4. 根据输入做操作
        switch (操作指令) {
            // 存钱
            case 1:
                let 存钱数 = +prompt('请输入存款金额')
                存款 = 存款 + 存钱数
                break // 这里是 退出switch, 不是退出循环 因为它在 switch 里
            // 取钱
            case 2:
                let 取钱数 = +prompt('请输入取款金额')
                存款 = 存款 - 取钱数
                break
            // 查询
            case 3:
                alert(`您的银行卡余额是${存款}`)
                break
        }
    }
</script>
</html>